import { Form, Input } from 'antd';
import { FC } from 'react';

export const CityComponent: FC = (props: any) => {
  return (
    <>
      <div>
        <p>省</p>
        <Form.Item noStyle name={['selfComponents', 'sheng1']}>
          <Input placeholder="省1" />
        </Form.Item>
        <Form.Item noStyle name={['selfComponents', 'sheng2']}>
          <Input placeholder="省2" />
        </Form.Item>
        <Form.Item noStyle name={['selfComponents', 'sheng3']}>
          <input type="number" placeholder="省3" />
        </Form.Item>
        <Form.Item noStyle name={['selfComponents', 'sheng4']}>
          <input type="time" placeholder="省4" />
        </Form.Item>
        <Form.Item noStyle name={['selfComponents', 'sheng5']}>
          <input type="range" placeholder="省5" />
        </Form.Item>
      </div>
      <div>
        <p>市</p>
        <Form.Item noStyle name={['selfComponents', 'shi']}>
          <Input placeholder="市" />
        </Form.Item>
      </div>
      <div>
        <p>区</p>
        <Form.Item noStyle name={['selfComponents', 'qu']}>
          <Input placeholder="区" />
        </Form.Item>
      </div>
    </>
  );
};
